// 概览区域数据
(function () {
  // 自调用函数的目的
  let arr = [
    {
      title: '设备总数',
      num: '2,190',
      iconColor: '#006cff',
    },
    {
      title: '季度新增',
      num: '1,190',
      iconColor: '#6acca3',
    },
    {
      title: '运营设备',
      num: '3,521',
      iconColor: '#6acca3',
    },
    {
      title: '异常设备',
      num: '108',
      iconColor: '#ed3f35',
    },
  ];
  //   $(arr).each(function (index, obj) {
  //     // $("<li></li>") 创建标签对象
  //     // 把li标签对象给到ul的位置里追加即可
  //     $('.overview .inner').append(
  //       $(`<div class="item">
  //                                         <h4>${obj.num}</h4>
  //                                         <span>
  //                                         <i class="icon-dot" style="color: ${obj.iconColor}"></i>
  //                                         ${obj.title}
  //                                         </span>
  //                                         </div>`)
  //     );
  //   });
  arr.forEach(function (value) {
    $('.overview .inner').append(
      $(`<div class="item">
        <h4>${value.num}</h4>
        <span>
          <i class="icon-dot" style="color: ${value.iconColor}"></i>
          ${value.title}
        </span>
      </div>`)
    );
  });
})();
